<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        .drop-down1:hover,
        .drop-down1:active {
            overflow: hidden;
            height: 135px;
        }

        .drop-down1 {
            overflow: hidden;
            height: 30px;
            text-align: center;
        }

        .navigation-bar-font {
            font-size: 15px;
            color: #fff9ec;
            letter-spacing: 0.8px;
            line-height: 24px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
        }

        .head-div1 {
            width: 100%;
            min-height: 120px;
            background: #272831;
            display: inline-block;
        }

        .logo {
            float: left;
            height: 50px;
            margin-left: 35px;
            margin-top: 15px;
        }


        .ul1>ul>li {
            display: block;
            color: #fff;
            font-size: 21px;
            margin-right: 30px;
            float: right;
            margin-top: 30px;
        }

        .overview-head {
            margin: 0 auto;
            width: 1000px;
            border-bottom: 1px solid #D5DAE1;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .overview-a {
            font-size: 18px;
            color: #7E808A;
        }

        .overview-a:hover,
        .overview-a:active {
            text-decoration: none;
            color: #272831
        }


        .body,
        .baohu1,
        .jingqu1 {
            display: block;
            margin: 0 auto;
            clear: both;
            width: 1000px;
            padding-bottom: 50px;
        }

        .accommodation1 {
            text-align: center;
        }

        .zhusu1 {
            display: block;
            margin: 0 auto;
            clear: both;
            width: 1000px;
            padding-bottom: 50px;
        }

        .video {
            text-align: center;
            width: 1000px;
            margin-top: 50px;
        }

        .h2 {
            margin-top: 64px;
            font-size: 32px;
            color: #272831;
            letter-spacing: 0.57px;
            line-height: 56px;
        }

        p {
            margin-top: 24px;
            font-size: 14px;
            color: #7E808A;
            letter-spacing: 0.8px;
            line-height: 28px;
        }


        hr {
            text-align: center;
            width: 1000px;
            margin: 0 auto;
        }


        .xqy1 {
            padding-top: 40px;
            padding-bottom: 64px;
        }

        h2 {
            font-size: 32px;
            color: #272831;
            letter-spacing: 0.57px;
            line-height: 56px;

        }

        h4 {
            font-weight: normal;
            margin-top: 24px;
            font-family: Arial, '微软雅黑', 'Microsoft YaHei';
            font-size: 18px;
            color: #272831;
            letter-spacing: 0.8px;
        }

        .baohu {
            background-color: rgb(243, 244, 248);

        }

        .underground {
            margin-left: 340px;
            width: 850px;
            height: 300px;
            color: white;
        }

        .underground-1 {

            border-bottom: solid 1px #3d3d47;
            line-height: 60px;
            height: 60px;
            width: 850px;
            color: white;
        }

        .underground1 {
            text-align: center;
            display: inline-block;
            line-height: 60px;
            height: 60px;
            width: 120px;
            font-size: 14px;
            letter-spacing: 1.07px;
            color: white;

        }


        .underground2 {
            text-align: center;
            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            line-height: 60px;
            height: 60px;
            width: 100px;
            float: left;
        }

        .div4 {
            float: left;
            margin-top: 15px;
            height: 30px;
            width: 5px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground3 {
            text-align: center;
            float: left;
            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            line-height: 60px;
            height: 60px;
            width: 250px;

        }

        .underground4 {
            float: right;
            margin: 0;
            line-height: 60px;
            height: 60px;
            width: 30px;
        }

        .underground5 {
            margin-right: 20px;
            float: right;
            line-height: 60px;
            height: 60px;
            width: 30px;
        }

        .underground6 {
            margin-right: 20px;
            float: right;
            width: 26px;
            height: 55px;
            line-height: 55px;
        }

        .underground7 {

            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground8 {
            margin-left: 3px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground9 {
            margin-left: 3px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground10 {
            margin-left: 3px;
        }


        .footer .foot-nav {
            padding-bottom: 24px;
            border-bottom: 1px solid #3d3d47;
        }

        .foot-nav>ul>li {
            font-family: Arial, '微软雅黑', 'Microsoft YaHei';
            font-size: 14px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            float: left;
            width: 120px;
            text-align: center;
        }

        .company {
            height: 320px;
            background-color: #272831;
            line-height: 40px;
            font-size: 8px;
        }

        /*  */
        ul,
        li {
            list-style: none;
        }

        .foot-nav>ul>li>ul>li {
            font-size: 12px;
            color: #7e808a;
        }


        .foot-nav>ul>li>ul {
            padding-top: 10px;
        }

        .div2 {
            height: 210px;
            border-bottom: 1px solid #3d3d47;
        }

        .div1 {
            height: 210px;
            width: 850px;
        }

        .div3 {
            height: 30px;
            text-align: center;
        }

        .a1 {
            font-size: 12px;
            color: #fff;
            letter-spacing: 0.8px;
            line-height: 24px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
        }


        .a1:hover,
        .a1:active {
            text-decoration: none;
            color: #D1DCE2;
        }
    </style>
</head>

<body>
<header>
    <div class="head-div1">
        <div class="head-div2">
            <img th:src="@{/layui/picture/logo.png}" alt="" class="logo">

            <div class="ul1">
                <ul>
                    <li class="drop-down1">管理员
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='overview.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/listhtml}">后台数据</a>

                            </li>

                            <li onclick="location.href='celebrity.html'" style=" cursor:pointer;">
                                XXXX
                            </li>

                            <li onclick="location.href='folk-custom.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">景区公告
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='Accommodation.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/one}">景区公告</a>

                            </li>
                            <li onclick="location.href='cate.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='add.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='entertainment.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">文化活动
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='culture.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/culture}">文化活动</a>
                            </li>
                            <li onclick="location.href='culture.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='broadcast.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">红旅商城
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='video.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/shopping}">红旅商城</a>
                            </li>
                            <li onclick="location.href='picture.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='fell.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">特色美食
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='one.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/cate}">特色美食</a>
                            </li>
                            <li onclick="location.href='two.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='three.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">景区概述
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='sev.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/overview}">景区概述</a>
                            </li>
                            <li onclick="location.href='eig.html'" style=" cursor:pointer;">
                                XXX
                            </li>
                            <li onclick="location.href='nin.html'" style=" cursor:pointer;">
                                XXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">首页
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='HomePage.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/HomePage}">用户首页</a>

                            </li>
                            <li onclick="location.href='fif.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='six.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>
    <!--1.页眉部分-->
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
        crossorigin="anonymous"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>

    <div class="head">
        <!-- <img src="../picture/详情页.jpg" alt="" class="head-img"> -->
    </div>
    <div class="overview-head">
        <a href="HomePage.html" class="overview-a">首页</a>
        <a href="" class="overview-a">></a>
        <a href="" class="overview-a">文化之城</a>
        <a href="" class="overview-a">></a>
        <a style="color: #272831; font-size: 18px; text-decoration:none;" href="entertainment.html">文化活动</a></a></a>
    </div>

    <!-- 全景图 -->
    <div class="body">
        <div>
            <h2 class="h2" style="text-align: center;">茶文化旅游</h2>
            <div class="accommodation1">
                <img th:src="@{/layui/picture/culture3.jpg}" style="width: 800px; height: 500px;" alt="">
            </div>
            <p>
                2021年5月8日，两大颁奖典礼、一个授牌仪式开启了安溪虎邱茶业发展的新篇章。这一天，虎邱如期举行了“华虹杯”茶文化旅游摄影大赛颁奖典礼、“泉德利杯”春季铁观音初制大赛颁奖典礼，并获得了福建省摄影家协会向乡镇颁发的首块创作基地奖牌。
            </p>
        </div>

    </div>
    <div class="baohu">
        <div class="baohu1">
            <div>
                <div class="accommodation1">
                    <img th:src="@{/layui/picture/culture2.jpg}" style="width: 800px; height: 500px; padding-top: 50px;"
                        alt="照片无法加载">
                </div>
                <p>
                    对于这场大型活动背后的意义，虎邱镇党委书记林志平表示：“虎邱是安溪历史最悠久的茶叶主产区，既是黄金桂和佛手茶的发源地，也是安溪境内唯一同时拥有四大名茶———铁观音、黄金桂、毛蟹、本山的乡镇，国家级铁观音苗木繁育基地。近几年，通过茶旅结合的运作模式，虎邱的茶业、旅游业得到了显著跃升，生态山水城镇的风貌已初见雏形。目前所举办的这些活动，既是弘扬安溪茶文化，向各界展示虎邱古镇风采，打造虎邱茶叶品牌和旅游品牌，也是虎邱打造茶叶大庄园的积淀过程。”
                </p>
            </div>

        </div>



        <!--3.页脚部分-->
        <footer class="container-fluid">
            <!-- <div class="row">
    <img src="" class="img-responsive">
    </div> -->

            <div class="row company" style="font-size: 10px;">
                <div class="underground">
                    <!--    尾部首行-->
                    <div class="underground-1">

                    <span class="underground1">
                        关于我们
                    </span>
                        <span class="underground2">
                        18759622000
                    </span>
                        <div class="div4"></div>
                        <span class="underground3">
                        福建省泉州市晋江市数字红旅有限公司
                    </span>
                        <img th:src="@{/layui/picture/微信.svg}" class="underground4">
                        <img th:src="@{/layui/picture/微博.svg}" class="underground5">
                        <img th:src="@{/layui/picture/旅行.svg}" class="underground6">

                    </div>
                    <!--            分栏-->
                    <div class="div2">
                        <div class="div1">
                            <div class="foot-nav">
                                <ul class="cl">
                                    <li>地方之旅
                                        <ul>
                                            <a class="a1" style="text-decoration: none" href="overview.html">概述</a>
                                            <a class="a1" style="text-decoration: none" href="celebrity.html">名人</a>
                                            <a class="a1" style="text-decoration: none" href="folk-custom.html">民俗</a>
                                        </ul>
                                    </li>
                                    <li>玩乐技巧
                                        <ul>
                                            <a class="a1" style="text-decoration: none" href="Accommodation.html">住宿</a>
                                            <a class="a1" style="text-decoration: none" href="cate.html">美食</a>
                                            <a class="a1" style="text-decoration: none" href="add.html">商品</a>
                                            <a class="a1" style="text-decoration: none" href="entertainment.html">休闲娱乐</a>
                                        </ul>
                                    </li>
                                    <li>文化之城
                                        <ul>
                                            <a class="a1" style="text-decoration: none" href="culture.html">文化活动</a>
                                            <a class="a1" style="text-decoration: none" href="culture.html">直播</a>
                                            <a class="a1" style="text-decoration: none" href="broadcast.html">网红体验</a>
                                        </ul>
                                    </li>
                                    <li>我们的故事
                                        <ul>
                                            <a class="a1" style="text-decoration: none" href="video.html">影集</a>
                                            <a class="a1" style="text-decoration: none" href="picture.html">图集</a>
                                            <a class="a1" style="text-decoration: none" href="fell.html">体会</a>
                                        </ul>
                                    </li>
                                    <li>活动公告
                                        <ul>
                                            <a class="a1" style="text-decoration: none" href="one.html">景区公告</a>
                                            <a class="a1" style="text-decoration: none" href="two.html">景区活动</a>
                                            <a class="a1" style="text-decoration: none" href="three.html">新闻动态</a>
                                        </ul>
                                    </li>
                                    <li>出行锦囊
                                        <ul>
                                            <a class="a1" style="text-decoration: none" href="sev.html">游记攻略</a>
                                            <a class="a1" style="text-decoration: none" href="eig.html">服务</a>
                                            <a class="a1" style="text-decoration: none" href="nin.html">交通信息</a>
                                        </ul>
                                    </li>
                                    <li>服务优化
                                        <ul>
                                            <a class="a1" style="text-decoration: none" href="four.html">问题解答</a>
                                            <a class="a1" style="text-decoration: none" href="fif.html">宾客意见</a>
                                            <a class="a1" style="text-decoration: none" href="six.html">问卷调查</a>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="div3">
                        <span class="underground7">版权声明 </span>
                        <span class="underground8">网站地图 </span>
                        <span class="underground9">友情链接 </span>
                        <span class="underground10">媒体专区 </span>
                    </div>
                </div>


            </div>

        </footer>
        <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
        <script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
            integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
            crossorigin="anonymous"></script>
        <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">

            </script>


</body>

</html>